 * {
     margin: 0;
     padding: 0;
 }

 body {
     border: 0;
     background-color: #FFFFFF;
 }

 /*----------------- 一楼样式代码 ---------------*/
 .sup1 {
     width: 100%;
     margin: 0 auto;
 }

 .sup1 .sup1center {
     position: relative;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
     width: 100%;
     height: 540px;
 }

 .sup1 .sup1center h2 {
     color: #FFFFFF;
     position: absolute;
     z-index: 10;
     top: 30%;
     left: 45%;
     font-size: 48px;
     font-weight: 500;
 }

 .sup1 .sup1center div>img {
     display: block;
     position: absolute;
     z-index: 9;
     width: 100%;
     height: 540px;
 }

 /*-------------------- 二楼样式 ----------------*/
 .sup2 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup2 .sup2center {
     width: 1024px;
     margin: 0 auto;
     padding: 58px 0px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;

 }

 .sup2 .sup2center div div img {
     width: 68px;
     height: 68px;
 }

 .sup2 .sup2center div div:nth-child(2) {
     text-align: center;
 }

 /* ------------------------------ 三楼结构 -------------------------- */
 .sup3 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup3 .sup3center {
     width: 980px;
     height: 78.5px;
     margin: 48px auto 40px;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     text-align: center;
 }

 .sup3 .sup3center .sup3type1 {
     padding: 0px 60px;
     border-right: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup3 .sup3center .sup3type2 {
     padding-right: 90px;
     border-right: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup3 .sup3center .sup3type3 {
     padding-right: 60px;
 }

 .sup3 .sup3center .sup3type1 img {
     display: block;
     width: 40px;
     height: 40px;
     margin: 0 auto;
 }

 .sup3 .sup3center .sup3type1 button {
     display: block;
     margin-top: 16px;
     border: none;
     text-decoration: none;
     background-color: #FFFFFF;
     color: #0070c9;
 }

 .sup3 .sup3center .sup3type1 button:hover {
     text-decoration: underline;
 }

 .sup3 .sup3center .sup3type2 img {
     display: block;
     width: 40px;
     height: 40px;
     margin: 0 auto;
 }

 .sup3 .sup3center .sup3type2 button {
     display: block;
     margin-top: 16px;
     border: none;
     text-decoration: none;
     background-color: #FFFFFF;
     color: #0070c9;
 }

 .sup3 .sup3center .sup3type3 img {
     display: block;
     width: 40px;
     height: 40px;
     margin: 0 auto;
 }

 .sup3 .sup3center .sup3type3 button {
     display: block;
     margin-top: 16px;
     border: none;
     text-decoration: none;
     background-color: #FFFFFF;
     color: #0070c9;
 }

 /* ---------------------------------- 四楼 ----------------------------- */
 .sup4 {
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup4 .center {
     display: block;
     display: flex;
     margin: 0 auto;
     width: 980px;
     height: 240px;
     justify-content: center;
 }

 .sup4 h2 {
     text-align: center;
     font-size: 32px;
     padding: 75px 0 12px;
     margin: 0 0 15px;
 }

 input {
     width: 580px;
     height: 56px;
     border-radius: 8px;
     border: #d2d2d7 solid 3px;
     padding: 0 43px;
     font-size: 18px;
 }

 .pj-text1-content img {
     display: block;
     width: 40px;
     height: 40px;
     position: absolute;
     top: 17px;
 }

 .pj-text1-content {
     position: relative;
 }

 /*--------------------- 五楼样式代码 --------------------*/
 .sup5 {
     width: 100%;
     margin: 0 auto;
 }

 .sup5 .sup5center {
     width: 980px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup5 .sup5center .sup5type1>div:nth-child(1) {
     margin: 50px auto 20px;
     text-align: center;
 }

 .sup5 .sup5center .sup5type1>div img {
     width: 240px;
     height: 150px;
 }

 .sup5 .sup5center .sup5type1 div:nth-child(2) {
     font-size: 32px;
     font-weight: 500;
     margin: 8px auto;
 }

 .sup5 .sup5center .sup5type1 div:nth-child(3) {
     font-size: 17px;
     font-weight: 400;
     margin: 12px auto;
     color: rgb(51, 51, 51);
 }

 .sup5 .sup5center .sup5type1 button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     margin-top: 12px;
     margin-bottom: 50px;
 }

 .sup5 .sup5center .sup5type1 button:hover {
     text-decoration: underline;
 }

 .sup5 .sup5center .sup5type2>div img {
     width: 240px;
     height: 150px;
 }

 .sup5 .sup5center .sup5type2>div:nth-child(1) {
     margin: 50px auto 20px;
     text-align: center;
 }

 .sup5 .sup5center .sup5type2 div:nth-child(2) {
     font-size: 32px;
     font-weight: 500;
     margin: 8px auto;
 }

 .sup5 .sup5center .sup5type2 div:nth-child(3) {
     font-size: 17px;
     font-weight: 400;
     margin: 12px auto;
     color: rgb(51, 51, 51);
 }

 .sup5 .sup5center .sup5type2 button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     margin-top: 12px;
     margin-bottom: 50px;
 }

 .sup5 .sup5center .sup5type2 button:hover {
     text-decoration: underline;
 }

 /* -------------------- 六楼样式代码 ---------------------------- */
 .sup6 {
     width: 100%;
     margin: 0 auto;
 }

 .sup6 .sup6center {
     width: 800px;
     margin: 50px auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .sup6 .sup6center .sup6type1 div:nth-child(1) {
     font-size: 40px;
     font-weight: 500;
     margin-bottom: 11.2px;
 }

 .sup6 .sup6center .sup6type1 div:nth-child(2) {
     font-size: 22px;
     font-weight: 300;
     margin: 16.5px auto 5.5px;
 }

 .sup6 .sup6center .sup6type1 button {
     font-size: 22px;
     font-weight: 300;
     margin-top: 22px;
     color: #0070c9;
     border: none;
     background-color: #FFFFFF;
     text-decoration: none;
 }

 .sup6 .sup6center .sup6type1 button:hover {
     text-decoration: underline;
 }

 .sup6 .sup6center .sup6type2 img {
     width: 400px;
     height: 209px;
 }

 /* ---------------------------- 七楼 ------------------------------- */
 .sup7 {
     width: 100%;
     margin: 0 auto;
 }

 .sup7 .sup7center {
     height: 450px;
     background-image: url(https://apple1234.obs.cn-north-4.myhuaweicloud.com/psp-hero-banner-homepage-getsupport.image.large_2x.jpg);
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center 30%;
     width: 100%;
     display: block;
     z-index: 10;
 }

 .sup7 .sup7center .sup7type {
     width: 980px;
     height: 169px;
     position: absolute;
     left: 20%;
     top: 200px;
     justify-content: center;
     align-items: center;
     z-index: 9;
 }

 .sup7 .sup7center .sup7type div:nth-child(1) {
     color: #FFFFFF;
     font-size: 40px;
     font-weight: 500;
 }

 .sup7 .sup7center .sup7type div:nth-child(2) {
     color: #FFFFFF;
     font-size: 17px;
     font-weight: 400;
     margin-top: 12px;
 }

 .sup7 .sup7center .sup7type button {
     display: block;
     margin-top: 15px;
     font-size: 17px;
     font-weight: 400;
     color: #0070c9;
     border: none;
     background-color: rgba(0, 0, 0, 0);
 }

 .sup7 .sup7center .sup7type button:hover {
     text-decoration: underline;
 }

 /* ------------------------ 八楼样式代码 ------------------------------- */
 .sup8 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup8 .sup8center {
     width: 817px;
     padding: 50px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .sup8 .sup8center .sup8type1 div:nth-child(1) {
     font-size: 30px;
     font-weight: 400;
     margin-bottom: 11.2px;
 }

 .sup8 .sup8center .sup8type1 div:nth-child(2) {
     font-size: 17px;
     font-weight: 300;
     margin: 16.5px auto 5.5px;
 }

 .sup8 .sup8center .sup8type1 button {
     border: none;
     color: #0070c9;
     background-color: #FFFFFF;
     font-size: 20px;
     font-weight: 300;
     text-decoration: none;
     margin-top: 24px;
 }

 .sup8 .sup8center .sup8type1 button:hover {
     text-decoration: underline;
 }

 .sup8 .sup8center .sup8type2 img {
     width: 400px;
     height: 209px;
 }

 /* --------------------------------- 九楼样式代码 -------------------- */
 .sup9 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup9 .sup9center {
     width: 980px;
     height: 225px;
     margin: 50px auto;
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .sup9 .sup9center .sup9type1 img {
     width: 400px;
     height: 200px;
 }

 .sup9 .sup9center .sup9type2 {
     position: relative;
     top: -30px;
 }

 .sup9 .sup9center .sup9type2 div:nth-child(1) {
     font-size: 30px;
     font-weight: 500;
     margin: 10px auto;
 }

 .sup9 .sup9center .sup9type2 div:nth-child(2) {
     font-size: 17px;
     font-weight: 400;
     margin: 10px auto;
 }

 .sup9 .sup9center .sup9type2 button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     text-decoration: none;
     margin: 10px auto;
 }

 .sup9 .sup9center .sup9type2 button:hover {
     text-decoration: underline;
 }

 /* ------------------------------- 十楼样式代码 ----------------------- */
 .sup10 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup10 .sup10center {
     width: 817px;
     padding: 50px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .sup10 .sup10center .sup10type1 div:nth-child(1) {
     font-size: 32px;
     font-weight: 400;
     margin-bottom: 11.2px;
 }

 .sup10 .sup10center .sup10type1 div:nth-child(2) {
     font-size: 20px;
     font-weight: 300;
     margin: 16.5px auto 5.5px;
 }

 .sup10 .sup10center .sup10type1 button {
     border: none;
     color: #0070c9;
     background-color: #FFFFFF;
     font-size: 17px;
     font-weight: 300;
     text-decoration: none;
     margin-top: 24px;
 }

 .sup10 .sup10center .sup10type1 button:hover {
     text-decoration: underline;
 }

 .sup10 .sup10center .sup10type2 img {
     width: 400px;
     height: 209px;

 }

 /* ------------------------------------- 十一楼样式代码 ----------------------- */
 .sup11 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup11 .sup11center {
     width: 980px;
     height: 225px;
     margin: 50px auto;
     display: flex;
     justify-content: space-between;
     align-items: center;

 }

 .sup11 .sup11center .sup11type1 div {
     font-size: 30px;
     font-weight: 500;
     margin: 0 auto;
 }

 .sup11 .sup11center .sup11type1 button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     text-decoration: none;
     margin: 20px auto;
 }


 .sup11 .sup11center .sup11type2 div:nth-child(1) {
     font-size: 30px;
     font-weight: 500;
     margin: 0 auto;
 }

 .sup11 .sup11center .sup11type2 div:nth-child(2) {
     font-size: 17px;
     font-weight: 400;
     margin: 15px auto;
 }

 .sup11 .sup11center .sup11type2 button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     text-decoration: none;
     margin: 15px auto;
 }

 .sup11 .sup11center .sup11type2 button:hover {
     text-decoration: underline;
 }

 /* ----------------------------- 十二楼样式代码 ------------------------ */
 .sup12 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup12 .sup12center {
     width: 817px;
     margin: 50px auto;
     text-align: center;
 }

 .sup12 .sup12center div {
     font-size: 30px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .sup12 .sup12center p {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .sup12 .sup12center button {
     font-size: 17px;
     font-weight: 400;
     border: none;
     background-color: #FFFFFF;
     color: #0070c9;
     text-decoration: none;
     margin: 15px auto;
 }

 .sup12 .sup12center button:hover {
     text-decoration: underline;
 }

 /* ----------------------------- 十三楼样式代码 ------------------------- */
 .sup13 {
     width: 100%;
     margin: 0 auto;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }

 .sup13 .sup13center {
     width: 817px;
     margin: 50px auto;
     text-align: center;
 }

 .sup13 .sup13center div {
     font-size: 24px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .sup13 .sup13center p:nth-child(1) {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 .sup13 .sup13center p:nth-child(2) {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 15px;
 }

 /* ----------------------------- 十四楼样式代码 ---------------------- */
 .sup14 {
     width: 100%;
     margin: 0 auto;
 }

 .sup14 .sup14center {
     width: 817px;
     margin: 0 auto;
 }

 .sup14 .sup14center div {
     margin-top: 50px;
     font-size: 24px;
 }

 .sup14 .sup14center button:last-child {
     margin-bottom: 50px;
 }

 .sup14 .sup14center button {
     display: block;
     margin-top: 15px;
     color: #0070c9;
     border: 0;
     background-color: #FFFFFF;
     font-size: 15px;
     text-decoration: none;
 }

 .sup14 .sup14center button:hover {
     text-decoration: underline;
 }